<template>
<section class="home-app">
  <div class="bili-wrapper">
    <!--内容顶部-->
    <div class="container-row clearfix">
      <Banner></Banner>
      <BContentTop></BContentTop>
    </div>
    <!--推广-->
    <div class="container-row clearfix">
      <BPromote></BPromote>
    </div>
    <!--直播-->
    <div class="container-row clearfix">
      <BLive></BLive>
    </div>
    <!--其他-->
    <div class="container-row clearfix">
      <BContentRow></BContentRow>
    </div>
  </div>
</section>
</template>

<script>
import Banner from '../banner/Banner.vue';
import BContentTop from '../contentTop/BContentTop.vue';
import BPromote from '../promote/BPromote.vue';
import BLive from '../live/BLive.vue';
import BContentRow from '../contentRow/BContentRow.vue';
export default {
  name: 'bcontent',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    };
  },
  components: {
    Banner,
    BContentTop,
    BPromote,
    BLive,
    BContentRow
  }
};
</script>
<style lang="stylus" scoped>

.bili-wrapper
  margin 0 auto
  width 1160px
  .container-row
    padding-bottom 40px
@media screen and (max-width: 1400px)
  .bili-wrapper
    width 980px
</style>
